/*
 This file 'login2' is part of Firebird Integrated Solution 1.0

 Copyright (c) 2015 Lincong

 Contact:  
        Email: lincong1987@gmail.com

        QQ: 159257119
 
 See Usage at http://www.jplatformx.com/firebird

 Create date: 2015-03-17 02:50
 */

@font-size-base: 16px;
@loginImgPath: '../../img/app/desktop/login';

input::-ms-clear,input::-ms-reveal {
    display: none
}

html.root body .login-footer {
    position: absolute;
    bottom: 14px;
    left: 10px;
    width: 600px;
    text-align: left;
    height: 16px;
    user-select: none;
    
}

html.root body .login-weather {
    position: absolute;
    top: 14px;
    right: 10px;
    z-index: 9999;
}

.login-logo-top {
    position: absolute;
    top: 14px;
    left: 10px;
    z-index: 9999;
    img {
	width: 300px;
    }
}

.ui-login-help {
    position: absolute;
    bottom: 14px;
    right: 10px;
    z-index: 9999;
    
    span {
	color: #FFF;
	color: #333 \9;
	font-size: 12px;
	text-shadow: 0 0 3px #333;
	margin-left: 13px;
	margin-right: 13px;
	user-select: none;
    }
    
    a {
	color: #FFF;
	color: #333 \9;
	font-size: 12px;
	text-shadow: 0 0 3px #333;
	text-decoration: none;
	user-select: none;
	
	&:hover {
	    cursor: pointer;
	    color: #626262;
	}
    }
}

.login-captcha {
    
}

.login-input-field {
    font-size: 17px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    color: #999;
    border: none 0;
    background: transparent url("@{loginImgPath}/stylesheet-1.png") no-repeat 0px -719px;
    position: absolute;
    width: 280px;
    height: 43px;
    left: 10px;
    z-index: 21;
    outline: none 0;
    padding-left: 20px;
    
    &:focus {
	color: #333;
    }
    
}

#username {
    top: 90px;
    background: #FFFFFF;
    border-radius: 4px 4px 0 0;
}

#password {
    top: 134px;
    background: #FFFFFF;
    border-top: 1px solid #CCC;
    border-radius: 0 0 0 0;
}

#captcha {
    top: 178px;
    background: #FFFFFF;
    border-top: 1px solid #CCC;
    border-radius: 0 0 4px 4px;
}

#captcha_image {
    position: absolute;
    top: 183px;
    z-index: 1000;
    left: 183px;
    height: 37px;
    width: 93px;
    border-radius: 3px;
    cursor: pointer;
}

html.root body .warpper .login-container .login-form .login-error {
    top: 234px;
}

html.tumblr #loginButton {
    top: 245px;
}